﻿<!DOCTYPE html>
<html class="pixel-ratio-1">

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
    <meta name="viewport" content="width=375, user-scalabe=no">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <script src="../../../../../public/vendor/flexible/flexible.js"></script>
    <title>销量查询</title>
    <link rel="stylesheet" type="text/css" href="../../../../../public/vendor/weui/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../../public/css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../../public/css/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../../../../../public/vendor/weui/jquery-weui.css">
    <link rel="stylesheet" href="../../../../../public/vendor/select2/select2.css">
    <link rel="stylesheet" href="../../../../../public/css/businessreport/fi/salesvolumequery.css">

    <style>
        html {
            height: 100%;
        }
    </style>
    <script type="text/x-template" id="type-sale-template">
        {{~it.list :value:index}}
        <div class="weui-navbar__item" id="{{=value.type}}" style="min-width:100px">{{=value.typeName}}</div>
        {{~}}
    </script>
    <script type="text/x-template" id="self-sale-template">
        {{~it.list :value:index}}
        <tr id="{{=value.key}}">
            <td class="text-center" style=" padding: 0.3rem 0.4rem;">{{=index+1}}</td>
            <td class="text-center">{{=value.feedType}}</td>
            <td class="text-right">{{=Utils.toThousands(value.qty.toFixed(2))|| "--"}}</td>
            <!-- <td class="text-right">{{=Utils.toThousands(value.amount)|| "--"}}</td> -->
        </tr>
        {{~}}
    </script>
    <script type="text/x-template" id="group-sale-template">
        {{~it.list :value:index}}
        <tr id="{{=value.key}}">
            <td class="text-center" style=" padding: 0.3rem 0.4rem;">{{=index+1}}</td>
            <td class="text-center">{{=value.groupName}}</td>
            <td class="text-center">{{=value.sellerName}}</td>
            <td class="text-right">{{=Utils.toThousands(value.qty.toFixed(2))|| "--"}}</td>
            <!-- <td class="text-right">{{=Utils.toThousands(value.amount)|| "--"}}</td> -->
        </tr>
 
        {{~}}
    </script>
    <script type="text/x-template" id="groupSummary-sale-template">
        {{~it.list :value:index}}
        <tr id="{{=value.key}}">
            <td class="text-center" style=" padding: 0.3rem 0.4rem;">{{=index+1}}</td>
            <td class="text-center">{{=value.groupName}}</td>
            <td class="text-right">{{=Utils.toThousands(value.qty.toFixed(2))|| "--"}}</td>
            <!-- <td class="text-right">{{=Utils.toThousands(value.amount)|| "--"}}</td> -->
        </tr>
 
        {{~}}
    </script>
    <script type="text/x-template" id="date-pick-template">
        <div class="toolbar" id="date-pick">
            <div class="toolbar-inner">
                <a href="javascript:;" class="picker-button reset-picker"
                   style="color:#427ce7;font-size:20px;margin-right:80px;display:inline-block;line-height:100%">重置</a>
                <a href="javascript:;" class="picker-button close-picker"
                   style="color:#427ce7;font-size:20px;margin-right:18px;display:inline-block;line-height:100%">{{closeText}}</a>
                <div class="weui-flex dtPicker-container" style="text-align:left">
                    <a class="weui-flex__item dtPicker-hightLight-Cotainer" style="border-radius: 5px 0 0 5px;">
                        <span class="startDate chooseDate" id="startDate">开始时间</span>
                    </a>
                    <a class="weui-flex__item dtPicker-normal-Cotainer" style="border-radius: 0 5px 5px 0;">
                        <span class="endDate chooseDate" id="endDate">结束时间</span>
                    </a>
                </div>
            </div>
        </div>
    </script>
</head>

<body style="background-color: #f3f3f3;">
    <div class="page-container">
        <!-- 业务日期筛选 -->
        <div class="weui-cells">
            <div class="weui-cell  weui-cell_access" style="padding: 8px;">
                <span class="weui-cell__bd">
                    <span>业务日期</span>
                </span>
                <span class="weui-cell__ft">
                    <span class="pick-time">
                        <span class="pick-time-text">
                            请选择业务日期
                        </span>
                    </span>
                </span>
            </div>
        </div>
        <div class="weui-cells">
            <div class="weui-cell_orgs" style="display: -webkit-flex;align-items: center;">
                <span class="weui-cell__bd">
                    <span style="margin-left:10px">销售组织</span>
                </span>
                <span class="weui-cell__ft">
                    <select class="weui-select" id="saleOrgs" name="saleOrgs">
                    </select>
                </span>
            </div>
        </div>
        <!-- tab -->
        <div class="weui-tab" id="area-tab" style="padding: 0 4px;">
            <div class="weui-navbar" style="overflow-y:auto">
                <div class="weui-navbar__item" style="min-width:100px">个人</div>
            </div>
            <div class="weui-tab__panel">
                <div id="saleTab">
                    <div class="weui-cells">
                        <div style="padding: 8px;">
                            <span>销售清单</span>
                            <span style="float:right">
                                <button class="buttonRefresh" style="height: 27px; width: 90px;border: 1px solid rgba(0,0,0,.1); background-color: #06ae56; color: white;display: none;">
                                    <i class="icon iconfont icon-snh6-refresh-line icon-font-size-24"></i>
                                    刷新数据
                                </button>
                            </span>
                        </div>
                        <div class="weui-cell  weui-cell_access" style="padding: 8px;background-color:white">
                            <table id="saleSelf-table-id">
                                <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>饲料种类</th>
                                        <th>销量(吨)</th>
                                        <!-- <th>销售额(元)</th> -->
                                    </tr>
                                </thead>
                                <tbody class="tbAddTr" id="self-tbody">
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="2" class="text-center">合计</td>
                                        <td class="text-right qty"></td>
                                        <!-- <td class="text-right amount"></td> -->
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div><br>
                    <div class="report-contents-item-box" style="background-color: #f1f1f1;border:none">
                        <div class="weui-cell" style="display: flex;justify-content: space-between;padding:0px">
                            <a href="javascript:;" class="weui-btn weui-btn_default returnMain" style="width: 100%;border-radius:8px;background-color: #fff;margin-left: 0px;">返回首页</a>
                        </div>
                    </div>
                </div>

                <div id="groupSaleTab" style="display:none">
                    <div class="weui-cells">
                        <div style="padding: 8px;">
                            <span>销售清单</span>
                            <span style="float:right">
                                <button class="buttonRefresh" style="height: 27px; width: 90px;border: 1px solid rgba(0,0,0,.1); background-color: #06ae56; color: white;display: none;">
                                    <i class="icon iconfont icon-snh6-refresh-line icon-font-size-24"></i>
                                    刷新数据
                                </button>
                            </span>
                        </div>
                        <div class="weui-cell  weui-cell_access" style="padding: 8px;background-color: white">
                            <table id="saleGroup-table-id">
                                <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th></th>
                                        <th>销售员</th>
                                        <th>销量(吨)</th>
                                        <!-- <th>销售额(元)</th> -->
                                    </tr>
                                </thead>
                                <tbody id="group-tbody">
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td class="text-center" colspan="3">合计</td>
                                        <td class="text-right qtyAmount"></td>
                                        <!-- <td class="text-right groupAmount"></td> -->
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div><br />
                    <div class="weui-cells">
                        <div style="padding: 8px;">
                            <span>销售合计</span>
                            <span style="float:right">
                                <button class="buttonRefresh" style="height: 27px; width: 90px;border: 1px solid rgba(0,0,0,.1); background-color: #06ae56; color: white;display: none;">
                                    <i class="icon iconfont icon-snh6-refresh-line icon-font-size-24"></i>
                                    刷新数据
                                </button>
                            </span>
                        </div>
                        <div class="weui-cell  weui-cell_access" style="padding: 8px;background-color: white">
                            <table id="saleGroupSummary-table-id">
                                <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th></th>
                                        <!-- <th>销售员</th> -->
                                        <th>销量(吨)</th>
                                        <!-- <th>销售额(元)</th> -->
                                    </tr>
                                </thead>
                                <tbody id="groupSummary-tbody">
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td class="text-center" colspan="2">合计</td>
                                        <td class="text-right qtySummaryAmount"></td>
                                        <!-- <td class="text-right groupAmount"></td> -->
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div><br />
                    <div class="report-contents-item-box" style="background-color: #f1f1f1;border:none">
                        <div class="weui-cell" style="display: flex;justify-content: space-between;padding:0px">
                            <a href="javascript:;" class="weui-btn weui-btn_default returnMain" style="width: 100%;border-radius:8px;background-color: #fff;margin-left: 0px;">返回首页</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="display: none;" id="forbiddenModal">
        <div class="weui-toast weui-toast--forbidden weui-toast--visible-temp"><i class="weui-icon-success weui-icon_ms" style="height:80px;width:80px"></i><p class="weui-toast_content">刷新成功！若数据刷新后仍存在异常，请联系销售内勤核对业务单据数据。</p></div>
    </div>
    <script type="text/javascript" src="../../../../../public/vendor/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/vue/vue.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/moment/moment.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/jquery-weui.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/weui/weui.js"></script>
    <script type="text/javascript" src="../../../../../public/js/common/iosadaptation.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/select2/select2.full.min.js"></script>
    <script type="text/javascript" src="../../../../../public/vendor/select2/i18n/zh-CN.js"></script>
    <script type="text/javascript" src="../../../../../public/js/config/utils.js"></script>
    <script type="module" src="../../../../../public/js/features/bizreport/fi/salesvolumequery/salesvolumequery.js"></script>

</body>

</html>